 /* 基础样式重置与全局设置 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Inter', system-ui, sans-serif;
        }

        body {
            background: linear-gradient(135deg, #F5F7FA, #FFFFFF);
            min-height: 100vh;
            text-align:center;
            padding: 16px;
        }
        p{
            justify-content: center;
        }
        h3{
        padding:20px
        }
        form{
          display: flex;
            align-items: center;
            justify-content: center;
        }

        /* 登录容器 */
        body > div {
            width: 100%;
            max-width: 384px;
            background-color: white;
            border-radius: 10px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
            overflow: hidden;
        }

        /* 头部区域 */
        body > div > div:first-child {
            background-color: #165DFF;
            padding: 24px;
            text-align: center;
        }

        body > div > div:first-child h1 {
            color: white;
            font-size: clamp(1.5rem, 3vw, 2rem);
            font-weight: bold;
            margin-bottom: 4px;
        }

        body > div > div:first-child p {
            color: rgba(255, 255, 255, 0.8);
            font-size: 14px;
        }

        /* 表单容器 */
        body > div > div:last-child {
            padding: 24px 32px;
        }

        /* 表单样式 */
        form {
            display: flex;
            flex-direction: column;
            gap: 20px;
            margin:10px
        }

        /* 输入组样式（label + input容器） */
        form > div:not(.error-message):not(:last-child) {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        /* 标签样式 */
        label {
            font-size: 20px;
            font-weight: 500;
            color: #4B5563;
            width: 200px;
            text-align:right;
            padding-right:10px
        }
        p{
        display:flex;
        align-items:center
        }

        /* 带图标的输入容器 */
        form > div > div {
            position: relative;
        }

        /* 图标样式 */
        form i {
            position: absolute;
            left: 12px;
            top: 50%;
            transform: translateY(-50%);
            color: #9CA3AF;
        }

        /* 输入框样式 */
        input:not([type="submit"]):not([type="reset"]) {
            width: 100%;
            padding: 12px 12px 12px 40px;
            border: 1px solid #D1D5DB;
            border-radius: 8px;
            font-size: 16px;
            transition: all 0.2s ease;
        }

        input:not([type="submit"]):not([type="reset"]):focus {
            border-color: #774CEE;
            box-shadow: 0 0 0 2px rgba(22, 93, 255, 0.2);
            outline: none;
        }

        /* 错误信息 */
        .error-message {
            display: flex;
            align-items: flex-start;
            gap: 8px;
            color: #EF4444;
            font-size: 14px;
        }

        .error-message i {
            position: static;
            transform: none;
            margin-top: 3px;
        }

        /* 按钮容器 */
        form > div:last-child {
            display: flex;
            gap: 12px;
            padding-top: 8px;
        }

        /* 按钮样式 */
        input[type="submit"],
        input[type="reset"] {
            flex: 1;
            padding: 12px 40px;
            border: none;
            border-radius: 8px;
            font-weight: 500;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        input[type="submit"]:hover,
        input[type="reset"]:hover {
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            transform: translateY(-2px);
        }

        input[type="submit"] {
            background-color:  #4B20C1;
            color: white;
        }

        input[type="reset"] {
            background-color: #E5E7EB;
            color: #4B5563;
        }

        /* 额外链接 */
        form + div {
            text-align: center;
            font-size: 14px;
        }

        form + div a {
            text-decoration: none;
            margin: 0 8px;
        }

        form + div a:first-child {
            color: #165DFF;
        }

        form + div a:first-child:hover {
            text-decoration: underline;
        }

        form + div a:last-child {
            color: #36CFC9;
        }

        form + div a:last-child:hover {
            text-decoration: underline;
        }

        .flex-container{
        display:flex;padding:0
        }